// 轮播图开始
.swiper {
  .swiper-slide {
    img {
      width: 100%;
      margin-top: -1px;
    }
  }
}

//轮播图结束

// 公司简介开始
.intro {
  padding: 3vw 0;

  .container {
    display: flex;
    justify-content: space-between;

    .left {
      width: 50%;

      .title {
        font-size: 32px;
        color: #2a2a2a;
      }

      .info {
        font-size: 20px;
        color: #2a2a2a;
        margin: 1vw 0;
      }

      p {
        font-size: 14px;
        color: #2a2a2a;
        text-indent: 2em;
        line-height: 25px;
        margin-bottom: 10px;
      }
    }

    .right {
      width: 50%;
      position: relative;

      img {
        position: absolute;
        bottom: 2vw;
        right: 12vw;
      }
    }
  }
}

@media (max-width:768px) {
  .intro {
    .container {
      flex-wrap: wrap;

      .left {
        width: 100%;

        .title {
          font-size: 28px;
        }

        .info {
          font-size: 16px;
        }

        p {
          font-size: 12px;
        }
      }

      .right {
        // display: none;
        position: unset;
        width: 100%;
        text-align: center;

        img {
          position: unset;
        }
      }
    }
  }
}

// 公司简介结束

// 人才招聘开始
.recruitment {
  background-color: #8cc11f;
  padding-top: 3vw;
  padding-bottom: 5vw;

  .container {
    .title {
      color: #fff;
      font-size: 34px;
      margin: 2vw 0;
    }

    .box {
      display: flex;
      justify-content: space-between;
      color: #fff;
      font-size: 14px;

      .left {
        width: 50%;

        p {
          margin-bottom: 1vw;
        }
      }

      .right {
        width: 40%;

        .rect {
          width: 220px;
          height: 50px;
          background-color: #fff;
          color: #8cc11f;
          line-height: 50px;
          text-align: center;
          border-radius: 4px;
          font-size: 18px;
          margin: 1vw 0;
          cursor: pointer;
        }
      }
    }
  }
}

@media (max-width:768px) {
  // .recruitment .container .box .right .rect {}

  .recruitment {
    .container {
      .title {
        font-size: 28px;
      }

      .box {
        flex-wrap: wrap;
        font-size: 12px;

        .left {
          width: 100%;
          // text-indent: 2em;
        }

        .right {
          width: 100%;
        }
      }
    }
  }
}

// 人才招聘结束

// 岗位开始
.job {
  padding-top: 4vw;

  .container {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 4vw;
  }

  .container.border {
    border-bottom: unset;
    padding-bottom: 6vw;
  }

  .jobname {
    font-size: 24px;
    color: #8cc11f;
  }

  .info,
  .request {
    font-size: 16px;
    color: #2a2a2a;
    margin-top: 2vw;

    ul li {
      text-indent: 2em;
      margin-top: 1vw;
    }
  }

  .request {
    margin-top: 1vw;
  }
}

@media (max-width:768px) {

  .job .info ul li,
  .job .request ul li {
    text-indent: unset;
    font-size: 12px;
  }

  .job .request {
    margin-top: 2vw;
  }
}

// 岗位结束

// 联系方式开始
.contact {
  background-color: #f4f4f4;
  padding: 2vw 0;

  .container {
    .title {
      font-size: 34px;
      color: #000;
      margin-bottom: 1vw;
    }

    .box {
      width: 80%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;

      .innerbox {
        width: 48%;
        height: 100px;
        border: 1px solid #e3e3e3;
        background-color: #fff;
        margin-bottom: 1vw;
        display: flex;

        .left {
          width: 25%;
          line-height: 100px;
          text-align: center;
        }

        .right {
          line-height: 100px;
          color: #2a2a2a;
        }
      }
    }
  }
}

@media (max-width:768px) {
  .contact {
    .container {
      .title {
        font-size: 28px;
      }

      .box {
        width: 100%;

        .innerbox {
          width: 100%;
          height: 80px;

          .left {
            line-height: 76px;
          }

          .right {
            font-size: 12px;
            line-height: 80px;
          }
        }
      }
    }
  }
}

// 联系方式结束